<div style="width:240px">
    <min-date-picker [(ngModel)]="testss"></min-date-picker>
</div>

<div class="test aa" (click)="a($event)">
    more famous. Formerly subordinate to the State Sports Administration, the school was transferred to the local
    government
    in 2001. The State Sports Administration and the Sichuan Provincial People's Government jointly constructed the
    full-time
    ordinary colleges and universities mainly under the management of Sichuan Province. After more than 70 years of
    accumulation
    and development, the school has now become a prestigious and influential sports institute in the southwest of
    China.
    At present, the school is striding forward towards the goal of building a high-level applied research university
    with
    distinct sports characteristics and coordinated development of multi-disciplines. </div>
<p>.....................</p>
<div class="test aa" (click)="a($event)">
    more famous. Formerly subordinate to the State Sports Administration, the s </div>
<p>.....................</p>
<div class="test2" (click)="a($event)">
    more famous. Formerly subordinate to the State Sports Administration </div>
<p>.....................</p>
<div class="view-box flex">
    <div class="view-left">
        <div class="test-box">

            <p>{{test.length}}</p>
        </div>
        <h2 class="title">Button 按钮</h2>
        <div class="block">
            <p class="next-title">主要按钮</p>
            <div class="w550">
                <div class="btn-box flex">
                    <min-button text="按钮" status="primary"></min-button>
                    <min-button text="按钮" status="success"></min-button>
                    <min-button text="按钮" status="warn"></min-button>
                    <min-button text="按钮" status="disabled"></min-button>
                    <min-button text="按钮" status="danger"></min-button>
                </div>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input"> <min-button text="按钮" status="primary"></min-button></textarea>
                </div>
            </div>
        </div>
        <div class="block">
            <p class="next-title">正常按钮</p>
            <div class="w550">
                <div class="btn-box flex">
                    <min-button text="111" status="primary" type="normal"></min-button>
                    <min-button text="111" status="success" type="normal"></min-button>
                    <min-button text="111" status="warn" type="normal"></min-button>
                    <min-button text="111" status="danger" type="normal"></min-button>
                </div>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input"><min-button text="111" status="primary" type="normal"></min-button></textarea>
                </div>
            </div>
        </div>
        <div class="block">
            <p class="next-title">文字按钮</p>
            <div class="w550">
                <div class="btn-box flex">
                    <min-button text="111" type="link"></min-button>
                </div>
                <div class="demo-tab">
                    <p class="use f18">用法</p>
                    <textarea class="text-input"><min-button text="111" status="primary" type="link"></min-button></textarea>
                </div>
            </div>
        </div>
    </div>
    <div class="view-right">
        <h2 class="title">参数说明</h2>
        <table class="table">
            <tr class="head">
                <th>参数</th>
                <th>说明</th>
                <th>类型</th>
                <th>可选值</th>
                <th>默认值</th>
            </tr>
            <tr class="content">
                <th>status</th>
                <th>button状态</th>
                <th>string</th>
                <th>primary/success/warn/danger/disabled</th>
                <th>primary</th>
            </tr>
            <tr class="content">
                <th>type</th>
                <th>button类型</th>
                <th>string</th>
                <th>main/normal/link</th>
                <th>main</th>
            </tr>

        </table>
    </div>
</div>